$(function() {
    //鼠标移入移出导航菜单弹出和关闭二级菜单
    $(".nav li.other").hover(function() {
        //stop()停止动画效果
        $("#nav-ul-pop").stop().slideToggle("slow");
    }, function() {
        $("#nav-ul-pop").stop().slideToggle("hide");
    });

    //图片轮播效果
    var scrollTimer;
    var scroll = function(nowIndex) {
        var changeImg = function(nowIndex) {
            if (nowIndex == 4) {
                nowIndex = -1;
            }
            nowIndex++;
            $("#reco-explain ul").find("li.now").removeClass("now");
            $("#reco-explain ul").find("li").eq(nowIndex).addClass("now");
            $("#reco-explain div").find("a.now").removeClass("now");
            $("#reco-explain div").find("a").eq(nowIndex).addClass("now");
            $("#reco-content").find("a.now").removeClass("now");
            $("#reco-content").find("a").eq(nowIndex).addClass("now");
            return nowIndex;
        };
        scroll_timer = setInterval(function() {
            nowIndex = changeImg(nowIndex);
        }, 2000, nowIndex);
        return scroll_timer;
    };
    $("#reco-content").hover(function() {
        clearInterval(scrollTimer);
    }, function() {
        scrollTimer = scroll($(this).find("a.now").index());
    }).trigger("mouseleave");
    $("#reco-explain-title").hover(function() {
        clearInterval(scrollTimer);
    }, function() {
        scrollTimer = scroll($(this).find("a.now").index());
    });
    $("#reco-explain ul li").click(function() {
        clearInterval(scrollTimer);
        $("#reco-explain ul").find("li.now").removeClass("now");
        $(this).addClass("now");
        $("#reco-explain div").find("a.now").removeClass("now");
        $("#reco-explain div").find("a").eq($(this).index()).addClass("now");
        $("#reco-content").find("a.now").removeClass("now");
        $("#reco-content").find("a").eq($(this).index()).addClass("now");
        scrollTimer = scroll($("#reco-explain ul").find("li.now").index());
    });

    //鼠标移到图片上覆盖一层半透明动画效果
    //    $(".content li.c-li-1 a div").hover(function () {
    //        $(this).stop().animate({
    //            opacity: 0.4
    //        }, 400);
    //    }, function () {
    //        $(this).css("opacity", 0);
    //    });
});
